*{margin:0;padding: 0;font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}

ul,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0;}

i{font-style: normal;}
a:hover{text-decoration: none;}
img{display: block;max-width: 100%;height: auto;}
li{list-style: none;}
body{background: #f5f5f5;}

.nav > li:hover .dropdown-menu {
    display: block; 
}
.breadcrumb{padding: 0;}
.breadcrumb a{color: #666;}
.breadcrumb a:hover{color: #b40c0c;}
.nav-ty{border:none;border-radius: 0; margin-bottom: 0;width: 100%;background: #fff; }
.nav-ty .nav {font-size: 15px;}
.nav-ty .nav li{padding-top: 10px;padding-bottom: 10px;border-bottom: 2px solid #fff;}
.nav-ty .nav li a{color:#333;}
.nav-ty .nav li:hover{border-bottom: 2px solid #ad1e24;}
.nav-ty .nav li:hover a{color: #ad1e24;}
.navbar-brand {padding-top: 20px;}
.navbar-brand img{height: 35px;float: left;margin-right: 5px;}
.nav-top {font-size: 12px;background: #f5f5f5;}
.nav-top a{color: #999;display: inline-block;padding: 10px;}
.nav-top .left{float: left;}
.nav-top .right{float: right;}
.pad80{padding-top: 80px;padding-bottom: 80px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.mar-t-50{margin-top: 50px;}
.bg-f{background: #fff;}
.tit2 {margin-bottom: 20px;overflow: hidden;}
.tit2 h1 ,.tit2 h2{font-size: 24px;font-weight: bold;border-left: 3px solid #b40c0c;padding-left: 10px;float: left;}
.tit2 a{color: #000;}
.tit2 a:hover{color: #b40c0c;}
.tit2 span{display: block;float: right;margin-top: 5px;}
@media (max-width: 767px){
	.nav-ty{position: absolute;z-index: 999;}
	.nav-ty .nav li{padding-top: 5px;padding-bottom: 5px;width: 33%;float: left;text-align: center;}
	.navbar-brand{padding-top: 10px;}
	.navbar-brand img{height: 32px;}
	.navbar-toggle{border:none;}
	.mar-t-50{margin-top: 30px;}
	.pad80{padding-top: 30px;padding-bottom: 30px;}
	.pad50{padding-top: 30px;padding-bottom: 30px;}
	.tit2 {margin-bottom: 15px;}
	.tit2 h1,.tit2 h2{font-size: 20px;}
}



@media (min-width: 768px){
	.hidden-pc{display: none!important;}
	}


/*=================================================================
  Navigation
==================================================================*/
.left20{left: -90%!important;width: 250px!important;}
.navigation {
	width: 100%;
	padding: 15px 40px;
  -webkit-transition: .3s all;
  transition: .3s all; }
  .navigation .navbar-nav > li.active a {
    color: #546CC3; }
  .navigation .navbar-nav > li > a {
    color: #fff;
    line-height: 24px;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s; }
    .navigation .navbar-nav > li > a:hover, .navigation .navbar-nav > li > a:active, .navigation .navbar-nav > li > a:focus {
      background: none;
      color: #b40c0c; }

.navigation .dropdown-menu{border: none;background: #424a54;padding: 0;min-width: 94px;text-align: center;}
.navigation .dropdown-menu li a{color: #eee;padding: 6px;}
.navigation .dropdown-menu li a:hover{background: #606b7a;color: #fff;}
.nav2{text-align: right;overflow: hidden;margin-right: 17px;}
.nav2 a{color: #eee;font-size: 12px;margin-left: 20px;}
.nav2 .yy{float: right;display: block;margin-top: 3px;}
.nav2 a:hover{color: #b40c0c;}
.nav2-r{float: right;overflow: hidden;margin-left: 20px;}
.nav-ss{width: 150px;border-radius: 30px;overflow: hidden;float: left;}
.nav-ss input{border: 0;background: rgba(0, 0, 0, .5);color: #fff;box-shadow: 0;height: 22px;font-size: 12px;}
.nav-ss button{background: rgba(0, 0, 0, .5);color: #fff;border: none;height: 22px;width: 22px;}
.nav-ss input::-webkit-input-placeholder{color: #eee;}

.sticky-header {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
  background: #fff !important; padding: 5px 40px;}
  .sticky-header .navbar-nav > li > a {
    color: #000; }
.sticky-header .logo{background:url(../images/logo1.png);background-size: cover; display: inline-block;width: 159px;height: 50px;margin-top:12px;}
.sticky-header .logo img{opacity: 0;}
.sticky-header .nav2{margin-top: 8px;}
.sticky-header .nav2 a{color: #666!important;}



.navbar-brand {
  height: auto;
  padding: 8px 0; }
.navbar-brand img{height: 50px;}
.navbar-brand h1 {
  margin: 0; }

  @media only screen and (max-width: 767px) {
  	.navigation {padding: 5px;}
  	.navigation.sticky-header{padding: 0;}
    .navigation.sticky-header .navbar-toggle {
        border: none;
    }
    .navigation.sticky-header .navbar-toggle span {
        background: #000;
    }
    .navigation .navbar-nav > li {width: 33.33333%;float: left;text-align: center;}
    .navigation .navbar-nav > li a{padding: 10px;}
    .navigation.sticky-header .navbar-nav > li {width: 33.33333%;float: left;text-align: center;}
    .navigation.sticky-header .navbar-nav > li > a {
        padding: 10px;
    }
    .navigation .navbar-toggle {
        border:none;margin: 10px;
    }
    .navigation .navbar-toggle span {
        background:#fff;
    }
    .nav2{border-bottom: .5px solid #ccc;border-top: .5px solid #ccc;padding: 10px 0;text-align: left;}
    .nav2 a{margin-left: 16px;margin-right: 5px;}

	/* navigation */
    .navbar-fixed-top {
        padding-bottom: 10px;
    }

  .navbar-inverse .navbar-toggle,
	.navbar-inverse .navbar-toggle .icon-bar {
        border-color: #4e595f;
        border-radius: 0;
    }

    .navbar-inverse .navbar-toggle:hover {
        border-color: #ddd;
        border-radius: 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar:hover {
        background-color: #ddd;
    }
    .navbar-collapse{background: rgba(0, 0, 0, .4);}
    .navigation.sticky-header .navbar-collapse{background: none;}
    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-brand {
        padding: 10px 0 10px 10px;
    }

    .navbar-toggle {
        margin-top: 22px;
    }

    .navbar-nav {
        margin: 0 -15px;
    }
    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 1px solid transparent;
    }
    .sticky-header .logo{width: 111px;height: 35px;margin-left: 10px;margin-top: 10px;}
    .navbar-brand img{height: 35px;}

}



/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .title h2 {
        font-size:  32px;
    }
    .counter .counter-title h2 {
        font-size: 35px;
    }

	/* navigation */
    .navigation .navbar-toggle {
        border:1px solid #fff;
    }
    .navigation .navbar-toggle span {
        background:#fff;
    }
    .navbar-fixed-top {
        padding-bottom: 10px;
    }

    .navbar-brand {
        padding: 10px 0 10px 10px;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #6CB670;
        border-radius: 0;
    }

    .navbar-inverse .navbar-toggle:hover {
        border-color: #fff;
        border-radius: 0;
    }

    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-toggle {
        margin-top: 22px;
    }

    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 2px solid transparent;
    }

}



.swiper-container {
  width: 100%;
  height: 100vh;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
}
.banner-txt{position: absolute;top: 30%;width: 100%; }
.banner-txt1{background: linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,0));padding: 50px;border-left: 5px solid #b40c0c; }
.banner-txt1 h2{font-size: 40px;color: #fff;font-weight: bold;text-shadow: 0 0 5px #666;}
.banner-txt1 h3{font-size: 14px;color: #fff;text-shadow: 0 0 5px #666;margin-top: 30px;line-height: 28px;margin-bottom: 30px;}
.banner-txt1 a{display: inline-block;background: #b40c0c;color: #fff;padding: 10px 25px;}
.banner-txt2{margin-top: 50px;}
.banner-txt2 h2{font-size: 70px;font-weight: bold;color: #fff;text-align: center;text-shadow: 1px 1px 3px #666;}
.banner-txt2 span{margin: 0 20px;}

@media (max-width: 767px) {
	.banner-txt{top: 20%;}
	.banner-txt1{background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));border-left:0;border-top: 3px solid #b40c0c;padding: 40px;}
	.banner-txt1 h2{font-size: 24px;}
  .banner-txt2 {margin-top: 30%;}
  .banner-txt2 span{display: block;font-size: 50px;margin: 30px 0;}
	}
@media (max-width: 375px) {
  .banner-txt1 h2{font-size: 20px;}
  .banner-txt1 h3{font-size: 12px;line-height: 24px;}
  .banner-txt2 span{font-size: 40px;}
}

.xw-nav{}
.xw-nav li{width: 50%;text-align: center;}
.xw-nav li a{border-top: none!important;border-left: none!important;border-right: none!important;background: none!important;}
.xw-nav li a span{font-size:45px;color: #666;}
.xw-nav li a p{font-size: 20px;color: #666;font-weight: bold;}
.xw-nav li a:hover{background: none;}
.xw-nav .active a{border-bottom: 1px solid #cb2f2f!important;}
.xw-nav .active a span,.xw-nav .active a p{color:#cb2f2f; }

@media (max-width: 767px) {
  .xw-nav li a span{font-size: 32px;}
  .xw-nav li a p{font-size: 16px;}

  }

.in-news1{display: block;margin: 30px 0;}
.in-news1 .img{height: 280px;overflow: hidden;}
.in-news1 .title{overflow: hidden;margin-top: 20px;}
.in-news1 .title span{display: block;float: left;font-size: 20px;margin-right: 15px;color: #666;font-weight: bold;}
.in-news1 .title h3{font-size: 18px;color: #000;line-height: 28px; font-weight: bold;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
.in-news1 p{color: #666;margin-top: 15px;line-height: 24px;margin-left: 72px;}
.in-news2 a{display: block;padding: 30px 0;border-bottom: 1px solid #ccc;}
.in-news2 a:last-child{border-bottom: 0;}
.in-news2 a span{display: block;float: left;font-size: 20px;color: #666;font-weight: bold;margin-right:15px;border-right:1px solid #ddd;padding:20px 15px 20px 0;}
.in-news2 a h3{font-size: 18px;color: #000;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.in-news2 a p{ color: #666;margin-top: 10px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; }
.in-news3{display: block;margin: 30px 0;overflow: hidden;background: #fff;box-shadow: 0 0 8px #ddd;padding: 30px;}
.in-news3 h3{font-size: 18px;color: #000;font-weight: bold;line-height: 28px;height: 60px; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; }
.in-news3 span{display: inline-block;color: #666;padding: 15px 15px 15px 0;border-bottom: 3px solid #b40c0c;}
.in-news3 p{color: #333;line-height: 28px;margin-top: 30px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 5;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; }
.in-news3 i{display: block;float: right;margin-top: 30px;color: #b40c0c;}
.more{text-align: center;margin-top: 15px;overflow: hidden;}
.more a{display: inline-block;border: 2px solid #b40c0c;padding: 10px 30px;border-radius: 30px;color: #b40c0c;}
@media (max-width: 767px) {
	.in-news1{margin:15px 0 0 0;}
	.in-news1 .img{height: 180px;}
	.in-news1 .title{margin-top: 15px;}
	.in-news1 .title span{font-size: 16px;margin-right: 10px;}
	.in-news1 .title h3{font-size: 16px;}
	.in-news1 p{margin-top: 10px;margin-left: 61px;}
	.in-news2 a{padding: 20px 0;}
	.in-news2 a span{font-size: 16px;padding:18px 10px 19px 0;margin-right:10px;}
	.in-news2 a h3{font-size: 16px;}
	.in-news2 a p{font-size: 12px;}
	.in-news3{padding: 20px;margin: 15px 0;}
	.in-news3 h3{font-size: 16px;height: auto;}
	.in-news3 span{padding: 10px 10px 10px 0;}
	.in-news3 p{margin-top: 20px;-webkit-line-clamp: 2;-moz-line-clamp: 2;}
	.in-news3 i{margin-top: 15px;}
	.more{margin-top: 10px;}
	.more a{padding: 6px 20px;}
}



.bg-box {
	width: 100%;
}

.bg-box .list-container {
float: left;
background: #f5f5f5;
width: 52%;
height: 600px;
padding: 40px 30px
}

.bg-box .title {
font-size: 20px;font-weight: bold;color: #b40c0c;
}
.bg-box .title a{font-size: 14px;font-weight: normal;color: #666;margin-left: 15px;}
.bg-box .title a:hover{color:#b40c0c ;}

.bg-box .list-container .office-list {
margin-top: 10px;
height: 460px;
overflow-x: hidden;
overflow-y: scroll
}

.bg-box .list-container .office-list::-webkit-scrollbar {
width: 4px
}

.bg-box .list-container .office-list::-webkit-scrollbar-button {
height: 0;
width: 0
}

.bg-box .list-container .office-list::-webkit-scrollbar-track {
background-color: transparent;
background-clip: padding-box;
border: solid transparent;
border-width: 0
}

.bg-box .list-container .office-list::-webkit-scrollbar-track:hover {
  background-color: #eee
}

.bg-box .list-container .office-list::-webkit-scrollbar-track:active {
  background-color: #ddd
}

.bg-box .list-container .office-list::-webkit-scrollbar-track:horizontal {
  border-width: 0
}

.bg-box .list-container .office-list::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.1);
min-height: 28px;
padding: 20px 0 0
}

.bg-box .list-container .office-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.2);
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3)
}

.bg-box .list-container .office-list::-webkit-scrollbar-corner {
background: transparent
}

.bg-box .list-container .office-list .list-item {
display: block;
display: list-item;
padding: 30px 0;
border-bottom: 1px solid #ddd;
cursor: pointer
}

.bg-box .list-container .office-list .list-item .map-marker {
  color: #999;
  text-align: center
}

.bg-box .list-container .office-list .list-item .city {
  color: #b40c0c
}

.bg-box .list-container .office-list .list-item .address {
  font-size: 13px;
  color: #555
}

.bg-box .list-container .office-list .list-item .contact {
  font-size: 13px;
  color: #999
}

.bg-box .list-container .office-list .list-item:hover .map-marker, .bg-box .list-container .office-list .list-item:hover .city, .bg-box .list-container .office-list .list-item:hover .address, .bg-box .list-container .office-list .list-item:hover .contact, .bg-box .list-container .office-list .list-item:focus .map-marker, .bg-box .list-container .office-list .list-item:focus .city, .bg-box .list-container .office-list .list-item:focus .address, .bg-box .list-container .office-list .list-item:focus .contact, .bg-box .list-container .office-list .list-item.active .map-marker, .bg-box .list-container .office-list .list-item.active .city, .bg-box .list-container .office-list .list-item.active .address, .bg-box .list-container .office-list .list-item.active .contact {
  color: #b40c0c
}

.bg-box .map-container {
width: 48%;
float: right;
overflow: hidden;height: 600px;
}
.bg-box img{width: 100%;}
@media (max-width: 767px) {
	.bg-box .title{font-size: 14px;}
  .bg-box .title a{display: none;}
	.bg-box .list-container{width: 25%;padding: 10px;height: 295px;}

	.bg-box .map-container {width: 75%;height: auto;}
	.bg-box .list-container .office-list{height: 240px;}
	.bg-box .list-container .office-list .list-item{padding: 10px 0;}
  .bg-box .list-container .office-list .list-item .city{font-size: 12px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
}
@media (max-width: 375px) {
	.bg-box .list-container{height:282px ;}
	.bg-box .list-container .office-list{height: 225px;}
	}
@media (max-width: 360px) {
}

.foot{background: #262d41;padding: 30px 0;text-align: center;}
.foot1{border-bottom: 1px solid #5f6986;padding-bottom: 15px;margin-bottom: 10px;}
.foot a{color: #afb7d0;margin: 0 15px;}
.foot2 p{color: #afb7d0;margin-top: 10px;}


.top-li{height: 300px;background:url(../images/top-li.jpg) center;background-size: cover;}
.top-li h1{font-size: 32px;font-weight: bold;color: #fff;margin-top: 160px;border-left: 4px solid #b40c0c;padding-left: 15px;margin-bottom: 15px;overflow: hidden;}
.top-li a{display: inline-block;background: rgba(0, 0, 0, .5);color: #fff;padding: 5px 15px;border-radius: 30px;margin:0 0px 0 15px;}
.zy-li{display: block;margin: 15px 0;background: #fff;overflow: hidden;padding: 15px;box-shadow: 0 0 8px #ddd;border-radius: 5px;}
.zy-li p{float: left;font-size: 20px;font-weight: bold;color: #000;}
.zy-li span{display: block;float: right;font-size: 20px;color: #fff;width: 28px;height: 28px;line-height: 28px;border-radius: 3px;background: #b40c0c;text-align: center;}
.zy-li:hover{background: #b40c0c;}
.zy-li:hover p{color: #fff;}
.zy-li:hover span{background: #fff;color:#b40c0c;}
.zy-li1{background: #fff;margin: 15px 0;overflow: hidden;padding-bottom: 10px;}
.zy-li1 p{font-size: 18px;font-weight: bold;margin: 15px 15px 10px 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.zy-li1 p a{color: #000;}
.zy-li1 .zy-li1-a{color: #333;display: block;float: left; margin:5px 15px; }
.zy-li1 a:hover{color: #b40c0c;}
.zy-li2{height: 85px;overflow: hidden;background: #fff;}
.zy-li2:hover{height: auto;position:absolute;}
@media (max-width: 767px) {
	.top-li{height: 200px;text-align: center;}
	.top-li h1{display: inline-block; margin: 100px 0 5px 0;font-size: 22px;border-left: 0;padding-left: 0;border-bottom: 3px solid #b40c0c;padding-bottom: 10px;}
	.top-li a{margin: 0 5px;font-size: 12px;}
	.zy-li p{font-size: 16px;font-weight: normal;}
	.zy-li span{width: 20px;height: 20px;line-height: 20px; font-size: 18px;background:none;color:#b40c0c;}
}

.zy-intro{background: #fff;padding:15px 20px;box-shadow: 0 0 8px #ddd;overflow: hidden;}
.zy-intro-txt{line-height: 28px;overflow: hidden;text-indent: 2em;}
.zy-intro-txt p{margin: 5px 0;}
.zy-intro .down{display: block;position: absolute; bottom: 15px;right: 40px;width: 100px;padding: 8px;background: #ad1e24;border-radius: 30px;text-align: center;color: #fff;}
.poster-btn{ outline:none;display: block;width: 160px;line-height: 2;margin: 15px auto 5px auto;color: #ad1e24;text-align: center; font-size: 16px;border: 1px solid #b40c0c;border-radius: 50px;}
.poster-btn a{color: #ad1e24;}
@media (max-width: 767px) {
  .zy-intro{padding: 10px 15px;}
  .zy-intro .down{bottom: 10px;right: 30px;padding: 7px 8px;}
  }
.zy-nav{height: 320px;background: #fff;overflow: hidden;padding:20px;box-shadow: 0 0 8px #ddd;}
.zy-nav-li{height: 280px;overflow-x: hidden;overflow-y: scroll}
.zy-nav-li::-webkit-scrollbar {
width: 4px
}

.zy-nav-li::-webkit-scrollbar-button {
height: 0;
width: 0
}

.zy-nav-li::-webkit-scrollbar-track {
background-color: transparent;
background-clip: padding-box;
border: solid transparent;
border-width: 0
}

.zy-nav-li::-webkit-scrollbar-track:hover {
  background-color: #eee
}

.zy-nav-li::-webkit-scrollbar-track:active {
  background-color: #ddd
}

.zy-nav-li::-webkit-scrollbar-track:horizontal {
  border-width: 0
}

.zy-nav-li::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.1);
min-height: 28px;
padding: 20px 0 0
}

.zy-nav-li::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.2);
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3)
}

.zy-nav-li::-webkit-scrollbar-corner {
background: transparent
}
.zy-nav-li h3{font-size: 16px;font-weight: bold;padding: 5px 0;}
.zy-nav-li h3 a{color: #000;}
.zy-nav-li h4{font-size: 14px;margin-left: 10px;padding: 5px 0;}
.zy-nav-li h4 a{color: #666;}
.zy-nav-li a:hover{color: #b40c0c;}

.li-lawyer{display: block;margin: 15px 0;background: #fff;overflow: hidden;box-shadow: 0 0 8px #ddd;}
.li-lawyer .img{width: 40%;float: left;height: 180px;overflow: hidden;}
.li-lawyer .txt{float: left;width:60% ;padding: 15px;overflow: hidden;}
.li-lawyer .txt h3{font-size: 18px;color: #000;margin-bottom: 10px;}
.li-lawyer .txt span{display: block;color: #666;margin: 5px 0 0px 0;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;font-size: 12px;}
.li-lawyer .txt i{display: block;color: #999;margin-top: 18px;font-size: 12px;}
.li-lawyer .txt p{color: #666;margin-top: 5px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;font-size: 12px;}
.li-lawyer:hover .txt h3{color: #b40c0c;}
@media (max-width: 767px){
	.li-lawyer .img{width: 35%;height: 150px;}
	.li-lawyer .txt{width: 65%; padding: 10px 15px;}
  .li-lawyer .txt h3{margin-bottom: 5px;font-size: 16px;}
  .li-lawyer .txt span{margin-top: 3px;}
	.li-lawyer .txt i{margin-top: 10px;font-size: 12px;}
  .li-lawyer .txt p{font-size: 12px;}
	}

.zy-nr-li{background: #fff;padding: 5px 15px;box-shadow: 0 0 8px #ddd;}
.zy-nr-li a{display: block;color: #333; padding: 15px 0;border-bottom: 1px dashed #ddd;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.zy-nr-li a:last-child{border-bottom: 0;}
.zy-nr-li a span{font-size: 12px;color: #b40c0c;margin-right: 5px;}
.zy-nr-li a:hover{color: #b40c0c;}

.li-pic{display: block;position: relative;overflow: hidden;box-shadow: 0 0 8px #ddd;border-radius: 5px;margin: 15px 0;background: #fff;text-align: center;}
.li-pic:hover{box-shadow: 0 0 15px #bbb;}
.li-pic .img{height: 250px;overflow: hidden;}
.li-pic p{width: 100%;color: #000;padding: 10px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
@media (max-width: 767px){
	.li-pic .img{height: 110px;}
	.li-pic p{font-size: 12px;}
	}

.li-dzs{display: block;position: relative;overflow: hidden;box-shadow: 0 0 8px #ddd;border-radius: 5px;margin: 15px 0;background: #fff;text-align: center;}
.li-dzs:hover{box-shadow: 0 0 15px #bbb;}
.li-dzs .img{height: 380px;overflow: hidden;}
.li-dzs p{width: 100%;color: #000;padding: 10px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
@media (max-width: 767px){
  .li-dzs .img{height: 210px;}
  .li-dzs p{font-size: 12px;}
  }

.li-tuwen a{display: block;overflow: hidden;padding: 30px 0;border-bottom: 1px solid #ddd;}
.li-tuwen a .img{float: left;width: 220px;height: 130px;overflow: hidden;margin-right: 15px;}
.li-tuwen a p{font-size: 18px;font-weight: bold;color: #000;}
.li-tuwen a:hover p{color: #b40c0c;}
.li-tuwen a i{color: #999;display: block;margin: 10px 0;}
.li-tuwen a span{color: #666;display: block;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
 @media (max-width: 767px){
 	.li-tuwen a{padding: 15px 0;}
 	.li-tuwen a .img{width: 90px;height: 60px;margin-right: 10px;}
 	.li-tuwen a p{font-size: 14px;font-weight: normal;}
 	.li-tuwen a i{font-size: 12px;margin: 5px 0 0 0;}
 	.li-tuwen a span{display: none;}
 }

.li-wenzi a{display: block;padding: 30px 0;overflow: hidden;border-bottom: 1px solid #ddd;}
.li-wenzi a .l{width: 90%;float: left;padding-right: 30px;overflow: hidden;}
.li-wenzi a .l p{font-size: 20px;font-weight: bold;color: #000;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.li-wenzi a .l i{color: #b40c0c;margin-right: 5px;font-weight: normal;}
.li-wenzi a .l span{color: #666;line-height: 24px;display: block;margin-top: 10px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}

.li-wenzi a .r{width: 10%;float: right;font-weight: bold;text-align: center;border-left: 1px solid #b40c0c;overflow: hidden;padding: 18px 0;font-size: 20px;}
.li-wenzi a .r p{color: #666;font-size: 18px;}
.li-wenzi a .r span{color: #999;}
@media (max-width: 767px){
	.li-wenzi a{padding: 15px 0;}
	.li-wenzi a .l{padding-right: 15px;width: 86%;}
	.li-wenzi a .l p{font-size: 14px;}
	.li-wenzi a .l span{font-size: 12px;line-height: 20px;margin-top: 6px;}
	.li-wenzi a .r{font-weight: normal;width:14%;padding: 22px 0 12px 0;}
	.li-wenzi a .r p{font-size: 13px;line-height: 6px;}
	.li-wenzi a .r span{font-size: 14px;}
}

.zyry-ss{background: #fff;overflow: hidden;padding: 20px;margin-bottom: 20px;}
.zyry-ss .l{width: 92%;float: left;overflow: hidden;}
.zyry-ss .r{width: 8%;float: left;overflow: hidden;text-align: center;}
.inputbox{width: 18%;border: none;border-bottom: 1px solid #b40c0c;margin-right: 1%;height: 40px;outline:none}
.zyry-ss button{border: none;padding: 10px 30px;border-radius: 30px;background: #b40c0c;color: #fff;}
@media (max-width: 767px){
	.zyry-ss{padding: 15px;margin-bottom: 5px;}
	.zyry-ss .l{width: 75%;}
	.zyry-ss .r{width: 25%;}
	.inputbox{width: 45%;margin-right: 4%;}
	.zyry-ss button{padding: 8px 20px;margin-top: 25px;}
	}

.nr-ss{background: #fff;overflow: hidden;padding: 20px;margin-bottom: 20px;}
.nr-ss .l{width: 80%;float: left;overflow: hidden;}
.nr-ss .r{width: 20%;float: left;overflow: hidden;text-align: center;}
.nr-ss .inputbox{border: none;border-bottom: 1px solid #b40c0c;margin-right: 2.5%;height: 40px;outline:none}
.nr-ss input{width: 70%;}
.nr-ss select{width: 20%;}
.nr-ss button{border: none;padding: 10px 30px;border-radius: 30px;background: #b40c0c;color: #fff;width: 100%;}
@media (max-width: 767px){
  .nr-ss{padding: 15px;margin-bottom: 5px;}
  .nr-ss .l{width: 75%;}
  .nr-ss .r{width: 25%;}
  .nr-ss .inputbox{width: 45%;margin-right: 4%;}
  .nr-ss button{padding: 8px 20px;margin-top: 25px;}
  }

.lawyer-l img{width: 100%;}
.lawyer-l .zixun{position: relative;}
.lawyer-l .ewm{position: absolute;width: 160px;left:28%;margin-top: -20px; overflow: hidden;z-index: 999;box-shadow: 0 0 8px #ddd;display: none;background: #fff;text-align: center;padding-bottom: 10px;}
.lawyer-l .zx{display: block;width: 160px;text-align: center;padding: 8px;border-radius: 30px;background: #ad1e24;color: #fff;margin: 20px auto;}
.lawyer-l .zixun:hover .ewm{display: block;}
.lawyer-l .mp{text-align: center;margin-top: 20px;}
.lawyer-l .mp .xcx{display: none;width: 200px;margin:0 auto;}
.lawyer-l button{width: 160px;padding: 8px;border-radius: 30px;background: #ad1e24;color: #fff;border: none;}
.lawyer-r-1{background: #fff;padding: 20px;overflow: hidden;position: relative;box-shadow: 0 0 8px #ddd;}
.lawyer-r-1 h1{font-size: 28px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 15px;}
.lawyer-r-1 h1 span{font-size: 16px;font-weight: normal;margin-left: 20px;color: #666;}
.lawyer-r-1 .title1{overflow: hidden;margin-top: 10px;}
.lawyer-r-1 .title1 span{display: block;float: left;width: 80px;color: #666;}
.lawyer-r-1 .title1 i{margin-right: 10px;}
@media (max-width: 767px){
  .lawyer-r-1 h1 span{font-size: 12px;}
  }

.lawyer-r .down {display: block;position: absolute;right: 20px;top: 20px;width: 100px;padding: 5px;border: 1px solid #b40c0c;color: #b40c0c;border-radius: 50px;text-align: center;}
.lawyer-r .down:hover{background: #b40c0c;color: #fff;}
.lawyer-r-2{background: #fff;padding: 20px;overflow: hidden;margin-top: 30px;box-shadow: 0 0 8px #ddd;}
.lawyer-r-2 h2{font-size: 22px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 15px;}
.lawyer-r-2 .txt{line-height: 24px;}
.lawyer-r-2 .txt h2{font-size: 22px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 15px;margin-top: 20px;}
.lawyer-r-2 .txt img{margin: 0 auto;max-width: 100%;height: auto!important;}
.lawyer-r-2 .txt p{margin: 8px 0;padding: 8px 0;}
.lawyer-foot{display: block;position: fixed;width: 80%;border-radius: 30px;overflow: hidden;left: 10%;bottom: 3px;background: #b40c0c;color: #fff;padding: 10px 10px 8px 10px;}
.lawyer-foot .l{width: 30%;float: left;text-align: center;border-right: 1px solid #da5b5b;}
.lawyer-foot .r{width: 70%;float: left;overflow: hidden;}
.lawyer-foot .r span{display: block;float: left;margin: 0 10px 0 50px;}
@media (max-width: 767px){
    .lawyer-l .mp{display: none;}
  .lawyer-r .down {top: 0;right: 0;font-size: 12px;width: 80px;border-radius: 0;padding: 3px;background:#b40c0c;color: #fff; }
  }

.bg-li{display: block;background: #fff;padding: 20px;overflow: hidden;box-shadow: 0 0 8px #ddd;margin: 15px 0;color: #333;font-size: 16px;}
.bg-li i{color: #b40c0c;margin-right: 10px;}
.bg-li .xsjs{text-align: center;}
.bg-li .xsjs span{display: inline-block;font-size: 12px;background: #b40c0c;color: #fff;padding: 5px 20px;border-radius: 30px;}
@media (max-width: 767px){
  .lawyer-l .zixun{display: none;}
	.bg-li{padding: 15px;font-size: 14px;}
	.bg-li span{display: block;margin-bottom: 10px;}
	.bg-li .xsjs{text-align: right;margin-top: -30px;}
	}

.bg-txt{background: #fff;padding: 20px;box-shadow: 0 0 8px #ddd;overflow: hidden;line-height: 28px;position: relative;}
.bg-txt h2{font-size: 28px;font-weight: bold;margin-bottom: 20px;border-left: 3px solid #b40c0c;padding-left: 10px;}
.bg-txt1{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 15px;}
.bg-txt .down-pdf{display: block;position: absolute;right: 20px;top: 20px;width: 100px;text-align: center;border: 1px solid #b40c0c;color: #b40c0c;padding:3px;border-radius: 50px;}
.bg-txt .down-pdf:hover{background: #b40c0c;color: #fff;}
.bg-txt2{height: 321px;overflow-x: hidden;overflow-y: scroll}
.bg-txt2::-webkit-scrollbar {
width: 4px
}

.bg-txt2::-webkit-scrollbar-button {
height: 0;
width: 0
}

.bg-txt2::-webkit-scrollbar-track {
background-color: transparent;
background-clip: padding-box;
border: solid transparent;
border-width: 0
}

.bg-txt2::-webkit-scrollbar-track:hover {
  background-color: #eee
}

.bg-txt2::-webkit-scrollbar-track:active {
  background-color: #ddd
}

.bg-txt2::-webkit-scrollbar-track:horizontal {
  border-width: 0
}

.bg-txt2::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.1);
min-height: 28px;
padding: 20px 0 0
}

.bg-txt2::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.2);
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3)
}

.bg-txt2::-webkit-scrollbar-corner {
background: transparent
}
@media (max-width: 767px){
	.bg-txt{padding: 0px;background: none;box-shadow: none;}
	.bg-txt h2{font-size: 20px;line-height: 32px;}
	.bg-txt .down-pdf{top: 0;right: 0;padding: 0px;}
  .bg-txt2{height: 350px;margin-bottom: 15px;}
	}
.bg-dt-li{display: block;padding: 20px;background: #fff;margin: 15px 0;}
.bg-dt-li:last-child{border-bottom: 0;}
.bg-dt-li span{display: block;float: left;font-size: 20px;color: #666;font-weight: bold;margin-right:15px;border-right:1px solid #ddd;padding:20px 15px 20px 0;}
.bg-dt-li h3{font-size: 18px;color: #000;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.bg-dt-li p{ color: #666;margin-top: 10px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; }
@media (max-width: 767px){
  .bg-dt-li{padding: 10px;}
  .bg-dt-li span{font-size: 14px;padding: 16px 10px 16px 0;margin-right: 10px;}
  .bg-dt-li h3{font-size: 14px;}
  .bg-dt-li p{font-size: 12px;margin-top: 5px;}
}


.zp-l{background: #fff;padding: 20px;box-shadow: 0 0 8px #ddd;overflow: hidden;}
.zp-l h2{}

.zp-l a{display: block;color: #000;padding: 15px 0;border-bottom: 1px dashed #ddd;}
.zp-l a:hover{color: #b40c0c;}
.zp-l h2 a{font-size: 20px;font-weight: bold;margin-bottom: 10px;border-bottom: 2px solid #b40c0c;padding-bottom: 20px;color: #b40c0c;padding-top: 0;}
.zp-r{background:#fff;padding: 20px;box-shadow: 0 0 8px #ddd;overflow: hidden;line-height: 28px;margin-bottom: 30px;}
.zp-r h3{font-size: 20px;font-weight: bold;}
.zp-r h3 a{color: #000;}
.zp-r span{display: block;margin: 15px 0 5px 0;color: #b40c0c;}
.zp-r span i{margin-right: 5px;font-size: 13px;}
.zp-r p{}
.zp-r .mail{display: inline-block;float: right;border: 1px solid #b40c0c;color: #b40c0c;text-align: center;padding: 5px 10px;border-radius: 50px;}
.zp-r .mail:hover{background: #b40c0c;color: #fff;}
@media (max-width: 767px){
	.zp-l{padding: 15px;margin-bottom: 15px;}
	.zp-l a{width: 30%;float: left;margin-right: 5%;padding: 10px 0;}
	.zp-l a:nth-child(3n+1){margin-right: 0;}
	.zp-r{padding: 15px;margin-bottom: 15px;}
	}



.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #bfd5fd;
}
.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  z-index: 2;
  background: #3d74d8;
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 20px;
  background: #fff;
  box-shadow: 4px 13px 20px 1px rgba(25, 59, 105, 0.3);
  border-radius: 5px;
  display: flex;
  
}
.timeline ul li div time {
  position: absolute;
  background: #b40c0c;color: #fff;font-size: 20px;font-weight: bold;
  width: 120px;
  height: 30px;
  top: -15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline ul li p{font-size: 16px;margin-top: 15px;}
.timeline ul li p a{color: #000;}
.timeline ul li:nth-of-type(odd) > div {
  left: 45px;
}
.timeline ul li:nth-of-type(even) > div {
  left: -439px;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.timeline ul li:nth-of-type(odd) div {
  transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timeline ul li:nth-of-type(even) div {
  transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
    flex-direction: column;
  }
  .timeline ul li div div {
    width: 80%;
    margin: 10px;
  }
  .timeline ul li:nth-of-type(even) > div {
    left: -289px;
  }
}
@media screen and (max-width: 600px) {

  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-of-type(even) > div {
    left: 45px;
  }
}

.in-ry-box{background: #f5f5f5;padding: 30px 30px 10px 30px;margin-bottom: 30px;}
.in-ry-box h2{font-size: 20px;font-weight: bold;color:#b40c0c;margin-bottom: 20px;}
.in-ry-box h2 a{font-size: 14px;font-weight: normal;color: #666;margin-left: 15px;}
.in-ry-box h2 a:hover{color:#b40c0c ;}
.swiper-ry{width: 100%;overflow: hidden;}
.swiper-pagination2 {
  text-align: center;margin-top: 10px;
}
.in-ry-wz{display: block;background: #fff;overflow: hidden;padding: 15px;font-size: 16px;color: #000;text-align: center;margin: 15px 0;white-space:nowrap; text-overflow:ellipsis;}
.in-ry-wz:hover{background:#b40c0c;color: #fff;}
@media (max-width: 767px) {
  .in-ry-box{padding: 15px;}
  .in-ry-box h2{font-size: 18px;}
  .in-ry-wz{font-size: 12px;padding: 15px 10px;margin: 8px 0;}
  }

.list-page{ text-align:center; margin:10px 0 20px 0; color:#666;}
.list-page a{ padding:3px 9px; margin:0 2px; color:#666;box-shadow:0 0 3px #bbb; }
.list-page a:hover{background:#9d372a; color:#fff;}
.list-page b{ padding:3px 9px; margin:0 2px; background:#9d372a; color:#fff; font-weight:normal; box-shadow:0 0 3px #bbb; }
.list-page input{width: 40px!important;overflow: hidden;margin-left: 5px;text-align: center;}
.list-page button{padding:3px 9px!important; margin:0 2px!important; color:#666;box-shadow:0 0 3px #bbb!important;border: none;background: none; }
.list-page button:hover{background:#9d372a; color:#fff;}

.newstext h1{font-size: 28px;font-weight: bold;}
.newstext .date{margin: 15px 0 10px 0;border-bottom: 1px solid #ccc;padding-bottom: 15px;color: #666;}
.newstext .text{line-height: 28px;font-size: 16px;}
.newstext .text p{margin: 8px 0;padding: 8px 0;}
.newstext .text img{height: auto!important;margin: 0 auto;}
.newstext .text h2{font-size: 22px;font-weight: bold;}
@media (max-width: 767px) {
  .newstext h1{font-size: 20px;}
  .newstext .text{font-size: 14px;}
  .newstext .text p{margin: 5px 0;padding: 5px 0;}
  .newstext .text h2{font-size: 18px;}
  }

.about-txt{background: #fff;padding: 10px 20px;box-shadow: 0 0 8px #ccc; line-height: 28px;font-size: 16px;}
.about-txt p{margin: 8px 0;padding: 8px 0;}




.flipbook-viewport{
  overflow:hidden;
  width:100%;
  height:100%;
}

.flipbook-viewport .container{
  position:absolute;
  top:50%;
  left:50%;
  margin:auto;
}

.flipbook-viewport .flipbook{
  width:1200px;
  height:865px;
  left:-561px;
  top:-350px;
}

.flipbook-viewport .page{
  width:600px;
  height:865px;
  background-color:white;
  background-repeat:no-repeat;
  background-size:100% 100%;
}

.flipbook .page{
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
  box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0;
}

.flipbook-viewport .shadow{
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: -webkit-box-shadow 0.5s;
  -ms-transition: -ms-box-shadow 0.5s;

  -webkit-box-shadow:0 0 20px #ccc;
  -moz-box-shadow:0 0 20px #ccc;
  -o-box-shadow:0 0 20px #ccc;
  -ms-box-shadow:0 0 20px #ccc;
  box-shadow:0 0 20px #ccc;
}
@media (max-width: 767px) {

  }


.dingwe{ position:relative;}
.tipfloat{display:none;z-index:999; position:fixed; bottom:10px; right:10px;width:472px;height:237px; background:url(../images/bg-qz.jpg)center;background-size: cover;}
.tipfloat_bt{ height:49px; line-height:49px; padding:0px 20px; font-size:18px; color:#fff; }
.tipfloat_bt .fr{padding-top: 15px;display: block;}
.ranklist{color:#fff; padding:0px 30px 30px 30px; line-height:24px;}
.ranklist h3{margin-top: 30px;margin-left: 8px; font-size: 20px;font-weight: bold;color: #e3c24d;}
.ranklist h4{font-size: 42px;color: #f9de25;font-weight: bold;margin-top: 10px;margin-left: 85px;}
@media (max-width: 767px){
  .tipfloat{width: 95%;height: auto;}
  }

.dzs-pdf{position: absolute;right: 10%;bottom: 45%;z-index: 999;}
.dzs-pdf a{display: inline-block;background: #b40c0c;color: #fff;padding: 10px 30px;}



.xgbox {
  min-height: 249px;
  max-height: 249px;
  transition: max-height .25s;
  overflow: hidden;
}
.xgbox-txt{
    display: flex;
    flex-wrap: wrap;
}
.xgbox-btn{margin-top: 10px;}
.xgbox-btn button{ background: none;color: #9d372a;text-align: center;border: 1px solid #9d372a;border-radius: 50px;padding: 5px 30px;}